<template>
	<view class="main_body">
		<view class="img">
			<image class="image" src="../../../static/img/success.png" mode="aspectFit"></image>
			<view class="text">
				绑卡成功
			</view>
		</view>
		<view class="tip">
			您已成功绑定账号为：{{cardId}}的{{bankName}}电子账号
		</view>
		<view class="bottomBtnView">
			<view class="submitBtn" @click="over()">完成</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cardId: '',
				bankName: ''
			}
		},
		onLoad(option) {
			if (option) {
				console.log('确定提交上传对银行卡数据bankMsg:', JSON.parse(decodeURIComponent(option.bankMsg)));
				let bankMsg = JSON.parse(decodeURIComponent(option.bankMsg))
				this.cardId = bankMsg.cardId
				this.bankName = bankMsg.bankType
			}
		},
		methods: {
			over() {
				uni.navigateBack({
					delta: 4
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.main_body {
		min-height: 100%;
	}

	.img {
		display: flex;
		flex-direction: column;
		text-align: center;
		align-items: center;
		margin-top: 296rpx;

		.image {
			height: 182rpx;
			width: 182rpx;
		}

		.text {
			padding-top: 64rpx;
			font-size: 36rpx;
			font-weight: 400;
			color: #333333;
			line-height: 36rpx;
		}
	}

	.tip {
		padding: 120rpx 32rpx 0 32rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #666666;
		line-height: 42rpx;
	}

	.bottomBtnView {
		position: fixed;
		bottom: 0;
		background: #fff;
		height: 154rpx;
		width: 750rpx;

		.submitBtn {
			height: 88rpx;
			line-height: 88rpx;
			text-align: center;
			font-size: 36rpx;
			font-weight: 500;
			color: #FFFFFF;
			;
			background: #FFA900;
		}
	}
</style>
